<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>恢复部门</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/layui_v2/css/layui.css" media="all"/>
</head>
<body>
<!-- 表格 -->
<table id="test" class="layui-table" lay-filter="dept_table"></table>

<script src="${pageContext.request.contextPath}/layui/layui_v2/layui.js"></script>
<script>
    layui.use(['element', 'table', 'jquery', 'layer', 'form'], function () {
            var $ = layui.jquery,
                table = layui.table,
                layer = layui.layer;

            //设置表头
            var clos = [[{
                field: "id", title: '部门编号', width: 180, sort: true, align: 'center'
            }, {
                field: 'name', title: '部门名称', width: 300, align: 'center'
            }, {
                field: 'remark', title: '部门备注', width: 500, align: 'center'
            }, {
                title: '恢复部门', width: 350, toolbar: '#barRef', align: 'center'
            }]];

            //方法级别渲染表格
            var tableIns = table.render({
                elem: '#test'
                , height: 'auto'
                , cols: clos
                , url: '${pageContext.request.contextPath}/deptAction_pageQuery.action?is=0'
                , page: true
                , limits: [10, 20, 30, 50]
                , limit: 10
            });


            //监听排序切换
            table.on('sort(dept_table)', function (obj) {
                //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，如：
                tableIns.reload({
                    initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
                    , where: { //请求参数
                        field: obj.field //排序字段
                        , order: obj.type //排序方式
                    }
                });
            });


            //监听工具条
            table.on('tool(dept_table)', function (obj) {
                var data = obj.data; //获得当前行数据
                var layEvent = obj.event; //获得 lay-event 对应的值
                var tr = obj.tr; //获得当前行 tr 的DOM对象

                if (layEvent === 'restore') { //
//                    layer.msg("恢复部门");
                    layer.confirm('确认恢复该部门吗？', {icon: 3, title: '恢复部门'}, function (index) {
                        layer.close(index);
                        $.post("${pageContext.request.contextPath}/deptAction_restoreDept.action", {id: data.id},
                            function (result) {
                                if (result) {
                                    layer.msg('操作成功');
                                    obj.del(); //删除对应行（tr）的DOM结构
                                } else {
                                    layer.msg('操作异常');
                                }
                            });
                    });


                }
            });


        }
    );


</script>
<%--工具栏设定,当id为0,就是管理规划部时，无法操作--%>
<script type="text/html" id="barRef">
    <a class="layui-btn layui-btn-mini" lay-event="restore"><i class="layui-icon">&#xe642;</i>恢复部门</a>
</script>
</body>
</html>
